<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>棋士馆</title>
    <link rel="stylesheet" href="../css/首页.css">
</head>
<body>
    <!-- Header Section -->
    <header>
        <div class="logo">棋士馆</div>
        <div class="user-options">
            <a href="#">登录/注册</a>
            <a href="#">语言选择</a>
        </div>
    </header>

    <!-- Navigation Bar -->
    <nav>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="游戏.html">游戏</a></li>
            <li><a href="比赛.html">比赛</a></li>
            <li><a href="论坛.html">论坛</a></li>
            <li><a href="科普.html">科普</a></li>
            <li><a href="教程.html">教程</a></li>
            <li><a href="联系我们.html">联系我们</a></li>
        </ul>
    </nav>

    <!-- Welcome Section -->
    <section class="welcome-section">
        <h1>欢迎来到 棋士馆!</h1>
        <p>棋士馆是一个用于了解，学习，交流和玩游戏的通用棋类游戏平台...</p>
    </section>

    <!-- Main Content Section -->
    <main>
        <div class="content-container">
            <!-- Left Column with colored blocks -->
            <div class="left-column">
                <div class="content-box red">
                    <h2>来棋士馆玩游戏</h2>
                    <ul>
                        <li><a href="游戏.html">在线玩 棋士馆游戏</a></li>
                        <li><a href="#">在 棋士馆上玩游戏</a></li>
                    </ul>
                </div>
                <div class="content-box yellow">
                    <h2>来棋士馆学习下棋</h2>
                    <ul>
                        <li><a href="#">在 棋士馆了解棋类科普</a></li>
                        <li><a href="#">在棋士馆学习棋类教程</a></li>
                    </ul>
                </div>
               
            </div>

            <!-- Right Column -->
            <div class="right-column">
                <div class="today-game">
                    <h2>今日游戏    围棋</h2> 
                    <div class="placeholder"><img class="weiqi" src="../围棋.png" alt=""></div>                    
                </div>
            </div>
        </div>

        <!-- Grid of Cards -->
        <div class="card-grid">
            <div class="card">
                <div class="placeholder"></div>
                <h3>游戏</h3>
            </div>
            <div class="card">
                <div class="placeholder"></div>
                <h3>比赛</h3>
            </div>
            <div class="card">
                <div class="placeholder"></div>
                <h3>论坛</h3>
            </div>
            <div class="card">
                <div class="placeholder"></div>
                <h3>科普</h3>
            </div>
            <div class="card">
                <div class="placeholder"></div>
                <h3>教程</h3>
            </div>
            <div class="card">
                <div class="placeholder"></div>
                <h3>联系方式</h3>
            </div>
        </div>
    </main>

    <!-- Footer -->
    <footer>
        <p>© 2024 棋士馆 | 联系我们</p>
    </footer>
</body>
</html>
